<style>
    .skin-list li {
        float: left;
        width: 33.33333%;
        padding: 5px;
    }

    .skin-list li a {
        display: block;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    }

    .skin-list li a span {
        display: block;
        float: left;
    }

    .skin-list li.active a {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .skin-list li.active p {
        color: #fff;
    }
</style>
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark" style="position: fixed; max-height: 100%; overflow: auto;">
    <!-- Tab panes -->
    <div class="tab-content">
        <div class="side-header">通知中心<span data-toggle="control-sidebar">×</span></div>
        <div class="side-content">
            <ul>

                {foreach $tongzhi as $item}
                <li><a href="#" data-messageid="{$item.id}"
                        data-toggle="openNotice"><em>{$item.date}</em>{$item.title}</a>
                </li>
                {/foreach}


            </ul>
            <div class="no-content" style="display: none;">
                <img src="https://img.huajuanyun.com/20200409192201.png" width="80">
                <p>暂时没有未读消息</p>
            </div>
            <footer class="side-footer"><a class="addtabsit" href="openapi/message">进入通知中心</a></footer>
        </div>
    </div>
</aside>
<!-- /.control-sidebar -->